<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('上传附件')" />
    <link th:href="@{/ajax/libs/zyUpload/css/zyUpload.css}" rel="stylesheet"/>
</head>
<body >

    <div id="upload" style="padding: 20px"></div>
    <th:block th:include="include :: footer" />
    <script th:src="@{/ajax/libs/zyUpload/js/zyFile.js}"></script>
    <script th:src="@{/ajax/libs/zyUpload/js/zyUpload.js}"></script>
    <script type="text/javascript">
        var fileList=[];
        var callBack='[[${callBack}]]';
        var multiple=true;
        if (typeof window.parent.singleFile==="object") {
            var multiple=false;
        }
        $("#upload").zyUpload({
            width            :   "650px",                 // 宽度
            height           :   "400px",                 // 宽度
            itemWidth        :   "120px",                 // 文件项的宽度
            itemHeight       :   "100px",                 // 文件项的高度
            url              :   ctx + "common/upload",  // 上传文件的路径
            multiple         :   multiple,                    // 是否可以多个文件上传
            dragDrop         :   false,                    // 是否可以拖动上传文件
            del              :   true,                    // 是否可以删除文件
            finishDel        :   false,  				  // 是否在上传文件完成后删除预览
            onSuccess: function(responseInfo){                    // 文件上传成功的回调方法
                //console.info("此文件上传成功：");
                console.info(responseInfo);
                fileList.push(responseInfo)
            },
            onFailure: function(file){                    // 文件上传失败的回调方法
                console.info("此文件上传失败：");
                console.info(file);
            },
            onComplete: function(responseInfo){           // 上传完成的回调方法
                var err= $("#uploadInf").html();
                if($.common.isEmpty(err)){
                    window.parent[callBack](fileList);
                }else{
                    $.modal.alertError(err)
                }
            }
        });
    </script>
</body>
</html>